.dam-home {
  .dam-container {
    width: 100vw;
    height: ~'calc(100vh - 52px)';
    overflow-y: auto;

    .dam-home-body {
      width: 1200px;
      margin: 0 auto;
      padding-top: 60px;
      .banner-bome{
        //   background: #f8f8f8;
        //   padding: 60px 150px 80px;
          line-height: 20px;
        //   border-left: 2px solid @primary-color;
          text-align: center;
          .title{
              font-weight: bold;
            //   margin-bottom: 40px;
              font-size: 20px;
          }
      }
      .home-search{
          padding: 60px 0;
      }
      .nav-list-home{
          display: flex;
          flex-wrap: wrap;
          .item{
              width: 33.33%;
              display: flex;
              flex-direction: column;
              align-items: center;
              margin-bottom: 20px;
              cursor: pointer;
              .name{
                  font-size: 20px;
                  margin-bottom: 20px;
              }
              .img{
                  width: 60%;
                  margin: 0 auto;
              }
              img{
                  width: 100%;
              }
              &:active{
                  opacity: .5;
              }
          }
      }
    }
  }
}
